<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
	</head>
	<body class="container">
		<h3>阴影效果</h3>
		<div class="shadow-sm mb-3" style="box-shadow: 0 1rem 0.65rem rgba(255, 0, 0, 0.075) !important;">
			敬业
		</div>
		<div class="shadow mb-3" style="box-shadow: 0 2rem 1rem rgba(0, 0, 255, 0.15) !important;">
			敬业
		</div>
		<div class="shadow-lg mb-3" style="box-shadow: 0 3rem 3rem rgba(0, 0, 255, 0.175) !important;">
			敬业
		</div>
	</body>
</html>
